<!-- 
  App.vue 是不需要 template 的

      - script 就相当于 app.js
      - style  就相当于 app.wxss 全局样式

 -->

<script setup lang="ts">
// @dcloudio/uni-app 该模块提供了很多的 组合式函数，来模拟小程序中的一个功能
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";

import { useAppStore } from "@/stores/app";

const appStore = useAppStore();

// 获取地理位置
const getLocation = () => {
  uni.getLocation({
    type: "gcj2",
    success: (res) => {
      console.log("res", res);
      // 将 经纬度 赋值到 store 中
      appStore.setLocation(res);
    },
    fail: (error) => {
      console.log("error", error);
    },
  });
};

// 应用启动生命周期钩子函数
onLaunch(() => {
  console.log("App Launch");
  // 获取地理位置
  getLocation();
});

// 应用onShow
onShow(() => {
  console.log("App Show");
});

// 应用onHide
onHide(() => {
  console.log("App Hide");
});
</script>

<style>
/* 全局样式 */

page {
  height: 100%;
}
</style>
